<!--模块：政策库 - 发布审核 - 详情-->
<template>
  <div class="audit-policy-detail" style="overflow: auto">
    <AppMainContent>
      <!-- 卡片头部 -->
      <el-card style="width:1600px;float:left">
        <CardFormTitle title="政策信息" />
        <!-- 表单内容 -->
        <CardFormContent style="width:1200px;height:390px;">
          <div style="width:1200px">
            <div class="addNav">
              <span>政策标题</span>
              <br />
              <el-input
                v-model="formInline.title"
                style="width:560px"
                :disabled="true"
              ></el-input>
            </div>
            <div class="addNav">
              <span>政策级别</span>
              <br />
              <el-input
                v-model="formInline.levelDesc"
                :disabled="true"
              ></el-input>
            </div>

            <div class="addNav">
              <span style="margin-right:230px">政策类型</span>
              <br />
              <el-input
                v-model="formInline.typeDesc"
                :disabled="true"
                style="width:220px"
              ></el-input>
            </div>
          </div>
          <div class="addNavSecond">
            <span>政策来源</span>
            <br />
            <el-input
              v-model="formInline.source"
              :disabled="true"
              style="width:270px"
            ></el-input>
          </div>
          <div class="addNavThird">
            <span style="margin-left:35px">政策发布时间</span>
            <br />
            <el-input
              type="text"
              v-model="formInline.awardTime"
              suffix-icon="el-icon-date"
              style="margin-left:20px;width:270px"
              :disabled="true"
            ></el-input>
          </div>

          <div class="died">
            <span>新增人</span>
            <br />
            <el-input
              v-model="formInline.createUserName"
              :disabled="true"
            ></el-input>
          </div>

          <div class="diedtwo">
            <span>新增时间</span>
            <br />
            <el-input
              type="text"
              v-model="formInline.publishTime"
              suffix-icon="el-icon-date"
              :disabled="true"
            ></el-input>
          </div>

          <div class="vueEditor">
            <div
              style="font-size:16px;font-weight:bold;margin-bottom:5px;display:none"
            >
              富文本编辑器内容：{{ formInline.info }}
            </div>
            <VueQuillEditor
              :content.sync="formInline.info"
              :business-type="1"
              :disabled="true"
            />
          </div>
        </CardFormContent>

        <!-- 审核信息 -->
        <CardFormTitle title="审核信息" />
        <div style="width:600px;margin-top:-20px">
          <div class="comefirst">
            <span style="font-weight: bold;font-size: 15px;">审核人</span>
            <br />
            <el-input
              v-model="formInline.examineUserName"
              style="width:200px"
              :disabled="true"
            ></el-input>
          </div>
          <div class="shenhebeizhu" style="margin-top:10px">
            <span style="font-weight: bold;font-size: 15px;">
              审核备注
            </span>
            <el-input
              type="textarea"
              v-model="formInline.examineOpinion"
              show-word-limit
              style="width: 105%;"
              :disabled="true"
            />
          </div>
        </div>
      </el-card>
    </AppMainContent>
  </div>
</template>

<script>
import { getAuditPolicyInfo } from '@/api/policy/audit/index'
export default {
  name: 'AuditPolicyDetail',
  data() {
    return {
      formInline: {
        levelDesc: '',
        typeDesc: '',
      },
    }
  },
  methods: {
    get() {
      let id = this.$route.query.id
      getAuditPolicyInfo(id).then((response) => {
        if (response.data != null && response.code === 200) {
          this.formInline = response.data
          this.formInline.levelDesc = response.data.level.desc
          this.formInline.typeDesc = response.data.type.desc
        }
      })
    },
  },
  mounted() {
    this.get()
  },
  watch: {
    $route(to, from) {
      this.get()
    },
  },
}
</script>

<style lang="scss"  scoped>
.addNav {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -15px;
}

.addNav > span {
  margin-bottom: -10px;
  display: block;
  font-weight: bold;
  font-size: 15px;
}
.addNavSecond {
  float: left;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 20px;
}

.addNavSecond > span {
  margin-bottom: -10px;
  display: block;
  font-weight: bold;
  font-size: 15px;
}

.addNavThird {
  float: left;
  margin-left: -10px;
  margin-right: 10px;
  margin-top: 20px;
}

.addNavThird > span {
  margin-bottom: -10px;
  margin-left: 19px;
  display: block;
  font-weight: bold;
  font-size: 15px;
}

.vueEditor {
  float: left;
  margin-top: 13px;
  margin-left: 20px;
}

.died {
  float: left;
  margin-left: 35px;
  margin-top: 20px;
}

.died > span {
  margin-bottom: -10px;
  display: block;
  font-weight: bold;
  font-size: 15px;
}

.diedtwo {
  float: left;
  margin-left: 37px;
  margin-top: 20px;
}

.diedtwo > span {
  margin-bottom: -10px;
  display: block;
  font-weight: bold;
  font-size: 15px;
}
</style>
